<!DOCTYPE html>
<html>
<head>
<title>美赞臣H5小游戏</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,target-densitydpi=device-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no" />
<meta name="format-detection" content="email=no" />
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache" content="no-cache">
<link rel="stylesheet" type="text/css" href="css/common.css?v=3" />
<link rel="stylesheet" type="text/css" href="css/index.css?v=<?php echo rand(1,9999999) ?>" />
<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script src="js/base/base.js"></script>
<script src="js/jquery.js"></script>
<script src="js/annieCore.min.js"></script>
<script src="js/jquery.VP.js"></script>
<script src="js/bscroll.min.js"></script>
<script src="js/base/com.js?v=2"></script>
<style type="text/css">
.gonggaobox{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.6);overflow:hidden;z-index:1102;}
.gonggaopic{
	position:absolute;width:90%;height:90%;top:5%;left:5%;overflow:hidden;
	background:url(./images/gonggao-t1.png) no-repeat center;background-size:100% 100%;
}
img.closegonggao{display:block;width:0.58rem;height:0.58rem;position:absolute;top:0.52rem;right:0.5rem;left:auto;}
.ggbox01-time{position:absolute;top:58%;width:100%;color:#126388;font-size:0.27rem;font-weight:600;}
.ggcontentbox{text-align:left;color:#126388;font-size:16px;}
.ggcontentbox strong{font-weight:600;}
.ggcontentbox p{line-height:0.36rem;}
.weui-mask, .weui-mask_transparent{z-index:1160;}

/* 取代系统alert的弹窗 */
aside.alertBox{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:10000;}
aside.alertBox>div{ position: absolute; left: 50%; top: 50%; width:85%; transform: translate(-50%,-50%); background-color:#FAFAFC; border-radius:0.07rem; padding-top: 0.46rem;}
aside.alertBox>div>p.text{font-size:0.3rem; line-height: 1.4; color:#888; padding: 0 0.46rem 0; margin-bottom: 0.46rem; text-align:center; }
aside.alertBox>div>p.btn{ text-align: center; border-top: 1px solid #D5D5D6; }
aside.alertBox>div>p.btn a{ color:#0BB20C; font-size:0.4rem; line-height: 1rem; display: block;}
aside.alertBox>div>p.btn a:active{ background-color: #eeeeee;}

/* 系统confirm弹窗 */
aside.confirmBox{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:998;}
aside.confirmBox>div{ position: absolute; left: 50%; top: 50%; width:85%; transform: translate(-50%,-50%); background-color:#FAFAFC; border-radius:0.07rem; padding-top: 0.46rem;}
aside.confirmBox>div>p.text{font-size:0.3rem; line-height: 1.4; color:#888; padding: 0 0.46rem 0; margin-bottom: 0.46rem; text-align:center; }
aside.confirmBox>div>p.btn{ border-top: 1px solid #D5D5D6; display: flex; align-items: center; justify-content: center; }
aside.confirmBox>div>p.btn a{ color:#0BB20C; font-size:0.4rem; line-height: 1rem; text-align: center; flex: 1;}
aside.confirmBox>div>p.btn a:active{ background-color: #eeeeee;}
aside.confirmBox>div>p.btn a:first-child{ border-right: 1px solid #D5D5D6;}

aside.alertBox2{background: transparent; display:none;}
</style>
<script>
var _isPlay=false;
var _openid='<?php echo $openid; ?>';
var _cookieId='<?php echo time(); ?>';
//是否创建了我的战队
ibase.init({dir:'portrait',lock:true});
    var _gameStatus='1';
    //障碍物数组  12   18   14
	var objarr=[
		{src:"images/z1.png?v=3",type:"kill",width:150,height:122,title:"",des1:1,des2:""},
		{src:"images/z2.png?v=3",type:"kill",width:96,height:122,title:"",des1:2,des2:""},
		{src:"images/z3.png?v=3",type:"kill",width:109,height:101,title:"",des1:3,des2:""},
		{src:"images/z4.png?v=3",type:"kill",width:150,height:122,title:"",des1:4,des2:""},
		{src:"images/z5.png?v=3",type:"kill",width:96,height:122,title:"",des1:5,des2:""}
	]
	var wtitle=objarr[0]['title'];
	var wdesc1=objarr[0]['des1'];
	var wdesc2=objarr[0]['des2'];

	//var objStep=Math.floor(Math.random() * objarr.length);
	//金币
	var moneyarr=[
		{src:"images/m1.png?v=1",type:"money",width:100,height:133},
		{src:"images/m2.png?v=1",type:"money",width:100,height:133},
		{src:"images/m3.png?v=1",type:"money",width:100,height:133},
		{src:"images/m4.png?v=1",type:"money",width:100,height:133},
		{src:"images/m5.png?v=1",type:"money",width:100,height:133},
		{src:"images/m6.png?v=1",type:"money",width:100,height:133},
	];
	
	$(function(){
		$(".content").css({"background-image":"url(images/bg.jpg)"});
	})
	function _setEveClick(_type){
       $.post("api/?c=click", {op:_openid,t:_type,cookieid:_cookieId}, function(data){}, "json");
	}
_h=h= Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
var sWidth = parseInt((window.innerWidth > 0) ? window.innerWidth : screen.width);
if(sWidth>750){sWidth=750;}
var _rate=(sWidth/750);
</script>
</head>
<body>
<article id="container">
	<!-- 用户登录 -->
 
	
	<!-- 游戏部分 -->
	<section class="content" id="content">
		<img src="images/logo-t1.png?v=1" class="logo-t1" />
		<div class="gamebox" id="gamebox"></div>
		<div class="gifbox" id="gifbox"></div>
		<div class="animal">
			<img src="images/animal.png?v=3" class="animalItem animalzhenmian" style="display:block;" title="正面" />
			<img src="images/ani-bg.gif?v=3" class="animalItem animalbeimian" style="display:none;" title="背面"/>
			<img src="images/ani-bg.png?v=3" class="animalItem animaldengxia" style="display:none;" title="蹲下"/>
			<img src="images/animal-bg3.png" class="animalItem animalku" style="display:none;" title="库"/>
		</div>
	</section>
	<img src="images/logo2.png?v=4" class="logo" />
	<div class="scorebox" title="得分">0</div>
	<img src="images/zhibojian.png" class="zhibojian" title="直播间" />
	<div class="bgmbox" title="背景音乐">
	    <img src="images/music-icon-pause.png" title="暂停" class="pauseBgm pBgm1" />
		<img src="images/music-icon-play.png" title="播放" class="playBgm pBgm2" />
	</div>
	<img src="images/paihangbang.png" class="paihangbang" title="排行榜" />
	<img src="images/gonggao.png" class="gonggao" title="公告" />
	<!--<img src="images/wodezhandui.png" class="wodezhandui" style="display:none;" title="我的战队" />-->
	
	<!-- 开始浮层 -->
	<div class="startbox" >
		<div class="playbtn startBtn" style="display:block;" title="开始"></div>
		<!-- 重新开始 -->
		<div class="replaybox" style="display:none;">
			 
			 
			<div class="scorebox2">0</div>
			<div class="replay" title="继续和再来一局"></div>
            <div class="replayShowphb"></div>
			 
			 
		</div>
        
        <!-- 新纪录浮层 -->
		<div class="newrecordbox" style="display:none;">
			<div class="innewrecordbox">
				<div class="headerbox">
					<img src="<?php echo $avatar; ?>" />
				</div>
				<div class="newRecordNum">0</div>
				<div class="sharebtn" title="邀请好友"></div>
				<div class="rplaybtn" title="继续挑战"></div>
			</div>
		</div>

	</div>
	
	<!-- 倒计时 -->
	<div class="daojishi">
		<div class="daojishitxt">
			<img src="images/d3.png" class="djsnum" style="display:block;"/>
			<img src="images/d2.png" class="djsnum" style="display:none;"/>
			<img src="images/d1.png" class="djsnum" style="display:none;"/>
		</div>
		
	</div>
	
	 
	<!-- 直播间浮层 -->
	<div class="zhibojianbox">
		<div class="zhibojianpicbox">
			<img src="images/zhibojianPic.png" class="zhibojianpic" />
			<img src="images/back1.png" class="zhibojianback" />
		</div>
	</div>
	
	<!-- 公告 -->
	<div class="gonggaobox" style="display:block;">
    	<div class="gonggaopic" >
    		 
    		<img src="images/gonggao-t2.png" class="gonggaoLogo" />
    		<div class="closegonggao"></div> 
    		<img src="images/gonggao-tx1.png" class="ggpic" /> 
    	 
    		<div class="ggbox02">
    			<div class="ggscrollbox">
    				<div class="ggscrollbox2">
    					<div class="ggcontentbox">
    						<img src="images/gonggao-tx2.png"  />
    					</div>
    				</div>
    			</div>
    		</div>
         <img src="images/gonggao-t3.png" class="gonggaoBotm" />		
    	</div>
	</div>
	
	<!-- 排行榜 -->
	<div class="paihangbangbox paihangbangbox1" style="display:none;">
		<div src="images/paihangbangtitle.png" class="paihangbangtitle" >
			<img src="images/back2.png" class="backphb" />
		</div>
		
		<div class="phbbox1">
			<div class="phbboxbg"></div>
			 
			<img src="images/txt1.png?v=2" class="txt1" />
			<div class="msgbox">
				<div class="mymsgbox mymsgbox1" style="display:block;" title="我的排行">
					<div class="myphmsg" >
						<div class="gourpHeaderbox">
								<!-- 在榜单内 -->
								<div class="groupHeader groupHeader1-1" style="display:block">
									<img src="<?php echo $avatar; ?>" />
								</div>
								<img src="images/1.png" class="layer123" />

						</div>
						  
						<div class="layerName0"><?php echo $nickname; ?></div>
						<div class="layerScore0">100</div>
						<img src="images/icon-1.png" class="iconjp0" />
						<img src="images/txt2.png" class="noshangbang" title="当前未上榜"/>
					</div>
				</div>
				 
			</div>
			<!--个人和战队列表 selim -->
			<div class="listbox" >
				<div class="listItembox" >
					<div class="listItemscrolbox listItemscrolbox1">
						<div class="grScrollbox" title="个人排行">
							<ul class="listUlbox listUlbox1" >
								<li class="listItem listItemFront3 listItemFront3-1">
									<div class="listUserheaderbox3">
										<div class="groupHeader groupHeader1-1">
											<img src="images/headerimg.jpg" />
										</div>
										<img src="images/1.png" class="layer123" />
									</div>

									<div class="layerName0">个人排行</div>
									<div class="layerScore0">1000</div>
									<img src="images/icon-1.png" class="iconjp0" />
								</li>
								 
								<li class="listItem listItemFront3 listItemFront3-1">
									<div class="listUserheaderbox3">
										<div class="groupHeader groupHeader1-1">
											<img src="images/headerimg.jpg" />
										</div>
										<img src="images/2.png" class="layer123" />
									</div>

									<div class="layerName0">个人排行</div>
									<div class="layerScore0">1000</div>
									<img src="images/icon-1.png" class="iconjp0" />
								</li>
   
								<li class="listItem listItemFront3 listItemFront3-1">
									<div class="listUserheaderbox3">
										<div class="groupHeader groupHeader1-1">
											<img src="images/headerimg.jpg" />
										</div>
										<img src="images/3.png" class="layer123" />
									</div>

									<div class="layerName0">个人排行</div>
									<div class="layerScore0">1000</div>
									<img src="images/icon-1.png" class="iconjp0" />
								</li>
								 
								
							</ul>
						</div>
						
						<div class="groupScrollbox" title="战队排行">
							<ul class="listUlbox listUlbox2" ></ul>
						</div>
					</div>
				</div>
	 
			</div>
			<img src="images/line-1.png" class="line-1" />
			
		</div>


		
	</div>
	
	<!-- 我的战队 -->
	<div class="myzhandui" style="display:none;">
		
		<div class="myzhanduititle" >
			<img src="images/back2.png" class="backwdzd" />
		</div>
		
		<div class="nozhanduibox" title="创建战队" style="display:none;">
			<div class="innozhanduibox">
				<div class="chuangjzdbtn"></div>
			</div>
		</div>
		
		<div class="inmyzhanduibox" title="我的战队详情" style="display:block;">	
			<div class="myzhanduimsg">
				
				<div class="rentoubox">
					<!-- 一个人头 -->
					<div class="rentou rentou1">
						<img src="images/headerimg.jpg" />
					</div>

					<!-- 二个人头 -->
					<div class="rentou rentou2-1">
						<img src="images/headerimg.jpg" />
					</div>
					<div class="rentou rentou2-2">
						<img src="images/headerimg.jpg" />
					</div>
					
					<!-- 三个人头 -->
					<div class="rentou rentou3-1">
						<img src="images/headerimg.jpg" />
					</div>
					<div class="rentou rentou3-2">
						<img src="images/headerimg.jpg" />
					</div>
					<div class="rentou rentou3-3">
						<img src="images/headerimg.jpg" />
					</div>
					
				</div>
				
				<div class="myzhanduiname">美赞臣活力战队</div>
				<div class="myzdpaiming">
					当前排名:12
				</div>
				<div class="myzdjifen">
					总积分:<span>12000分</span>
				</div>
			</div>
			<div class="zhanduichengyuan">战队成员(3/3)</div>
			<!-- 我的战队列表 -->
			<div class="wodezdlist">
				<img src="images/txt3.png" class="txt3" />
				<ul class="myzdlistUlbox" >
					<li class="myzdlistItem">
						<div class="listUserheaderbox3">
							<img src="images/headerimg.jpg" />
						</div>
						<div class="layerName">战队排行</div>
						<div class="layerScorezd">10</div>
						
						<div class="outGroup">退出</div>
						
					</li>
					<li class="myzdlistItem">
						<div class="listUserheaderbox3">
							<img src="images/headerimg.jpg" />
						</div>
						<div class="layerName">战队排行</div>
						<div class="layerScorezd">10</div>
						<div class="outGroup">退出</div>
					</li>
				</ul>	
			</div>
			
			<img src="images/sharebtnzd.png" class="sharebtnzdbtn" title="邀请好友"/>
		</div>
		<!-- 确认退出浮层 -->
		<div class="querenoutgroup">
			<div class="querenoutgroupbg">
				<div class="queyiyijue" title="去意已决"></div>
				<div class="wozaixiangxiang" title="我再想想"></div>
			</div>
			
		</div>
 
	</div>
	
	<!-- 加入战队 -->
	<div class="createGroupbox" style="display:none;">
		<!-- 创建战队输入框 -->
		<div class="createGroup" style="display:block;">
			
			<input type="text" value="" placeholder="战队名称" class="groupname" />
			<div class="closeCreategroupbox" title="关闭"></div>
			<div class="qrcreatebtn" title="确认"></div>
		</div>
		
		<!-- 创建成功 -->
		<div class="createsuccessbox" style="display:none;">
			<div class="cgroupUserheaderbox cgroupUserheader-1">
				<img src="<?php echo $avatar ?>" class="cgroupUserheaderpic-1" />
				<div class="chenyuanname"><?php echo $nickname; ?></div>
			</div>
			<div class="cgroupUserheaderbox cgroupUserheader-2">
				<img src="images/jia.png" class="cgroupUserheaderpic-1" />
			</div>
			<div class="cgroupUserheaderbox cgroupUserheader-3">
				<img src="images/jia.png" class="cgroupUserheaderpic-1" />
			</div>
			
			<div class="showGroupname">
				<span class="inshowGroupname"></span>
			</div>
			<div class="closeCreategroupbox" title="关闭"></div>
			<div class="showsharefloatbtn" title="邀请好友"></div>
		</div>
		
	</div>

	<!-- 通过好友分享链接进入 加入战队 -->
	<div class="sourceShareJoingroup" style="<?php echo $needAddZhandui; ?>">
		<!-- 加入战队详情 -->
		<div class="joinsharegroupbox" style="display:block;">
			<div class="joingroupUserheaderbox joingroupUserheader-1">
				<img src="<?php echo $joinGroupInfo[0]['a'] ?>" class="joingroupUserheaderpic-1" />
				<div class="chenyuanname"><?php echo $joinGroupInfo[0]['n'] ?></div>
			</div>
			<div class="joingroupUserheaderbox joingroupUserheader-2">
			  <?php if (isset($joinGroupInfo[1]['a'])){ ?>
			    <img src="<?php echo $joinGroupInfo[1]['a'] ?>" class="joingroupUserheaderpic-1" />
				<div class="chenyuanname"><?php echo $joinGroupInfo[1]['n'] ?></div>
			  <?php }else{ ?>
				<img src="images/jia.png" class="joingroupUserheaderpic-1" />
				<div class="chenyuanname">昵称</div>
			   <?php } ?>
			</div>
			<div class="joingroupUserheaderbox joingroupUserheader-3">
				<img src="images/jia.png" class="joingroupUserheaderpic-1" />
				<div class="chenyuanname">昵称</div>
			</div>
			
			<div class="showGroupname">
				<span class="inshowGroupname"><?php echo $fTeamName ?></span>
			</div>
			<div class="closesharejoingroupbox closerepeatbox" title="关闭"></div>
			<div class="querenjiarugroupbtn" title="确认加入"></div>
		</div>
		
		<!-- 加入战队成功 -->
		<div class="joinsharegroupsuccessbox" style="display:none">
			<div class="chakanmyzhandui" title="查看我的战队"></div>
			<div class="closesharejoingroupbox closerepeatbox" title="关闭"></div>
		</div>
		
		<!-- 重复加入 -->
		<div class="repeatjoinsharegroupsuccessbox" style="display:none">
			<div class="repeatJoinquerenbtn closerepeatbox" title="确认"></div>
			<!-- <div class="closesharejoingroupbox closerepeatbox" title="关闭"></div> -->
		</div>
		
	</div>
	
	<!-- 活动未开始 -->
	<div class="activeNotStartbox" style="display:none;">
		<div class="activeNotStart">
			<div class="activeNotStartChakangonggao" title="查看公告"></div>
		</div>
	</div>
	
	<!-- 活动一结束 -->
	<div class="endactivebox" style="display:none;">
		<div class="endactive">
			<div class="endactiveChakangonggao" title="查看公告"></div>
			<!-- <div class="closeendactivebox" title="关闭"></div> -->
		</div>
	</div>

	<!-- 邀请好友 -->
	<div class="sharefloat">
		<img src="images/sharepic.png" />
		
	</div>

	<!-- 手机号注册 -->
	<div class="phonereg">
		  
		 <div class="phonereg-t1">
		 	<input type="number"  maxlength="11" class="phonereg-phone hold1" value=""  placeholder="请输入手机号" oninput="if(value.length>11)value=value.slice(0,11)" />
		 	<input type="number"  maxlength="6" class="phonereg-code hold1" value=""  placeholder="请输入" />
            <div class="phonereg-yzbtn getYzm">获取验证码</div>
		 	<div class="phonereg-btn"></div>
		 </div> 
	</div>

	<!-- 用户注册 -->
	<div class="userreg" style="display:none;">
		 <div class="userreg-t1">
		 	<div class="userreg-phone">13682717223</div>
		 	<input type="text" class="userreg-name hold1" value=""  placeholder="请输入" />
		 	<input type="text" class="userreg-yu hold1"  id="userreg-d1" value=""  placeholder="选择日期" />
		 	<input type="text" class="userreg-yu2 hold1" id="userreg-d2" value=""  placeholder="选择日期" /> 
		 	<img src="images/user-reg-chek2.png" class="userreg-c1" />
		 	<div class="userreg-tiaokuan"></div>
            <div class="userreg-btn"></div>
		 	 
		 </div>
		 <!-- 协议 -->
		<div class="xieyibox">
			<div class="xieyioutbox">
				<div class="scrollxieyibox">
					<img src="images/tk_01.jpg" />
					<img src="images/tk_02.jpg" />
					<img src="images/tk_03.jpg" />
				</div>
			</div>
		</div>
 
	</div>


	<div class="loaddatabox"><img src="images/load.gif" /></div>
	
	<aside class="alertBox2 alertBox">
		<div><p class="text">游戏机会已用完<br>邀请好友参加活动可以增加游戏机会哦（总共可邀请10位好友）</p><p class="btn"><a href="javascript:;" class="close">确定</a></p></div>
	</aside>

    <div style="display:none;">
	    <audio id="bgm" preload="auto"  loop="loop"><source src='./mp3/bg.mp3?v=6' type="audio/mp3"> </audio>
	    <audio id="fen" preload="auto"><source src='./mp3/fen.mp3?v=5' type="audio/mp3"> </audio>
	    <audio id="peng" volume="0.6" preload="auto"><source src='./mp3/peng.mp3?v=5' type="audio/mp3"> </audio>
	</div>
	
</article>
<script src="js/index.js?v=<?php echo rand(3,191) ?>"></script>
<?php include 'js.php'; ?>
</body>
</html>